<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="remarkList.css">
    <script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <div id="toolbar">
        <button id="remove" class="btn btn-danger" disabled>
            <i class="glyphicon glyphicon-remove"></i> 删除
        </button>
    </div>
    <table id="table" class="table table-bordered table-responsive table-striped table-hover"
           data-toolbar="#toolbar"
           data-url="http://localhost:8081/app/web/bootstrapTable/smsRecordList"
           data-queryParams=myQueryParams
           data-search="true"
           data-show-refresh="true"
           data-show-toggle="true"
           data-show-columns="true"
           data-show-export="false"
           data-detail-view="true"
           data-detail-formatter="detailFormatter"
           data-minimum-count-columns="2"
           data-show-pagination-switch="true"
           data-pagination="true"
           data-id-field="id"
           data-page-list="[10, 25, 50, 100, ALL]"
           data-show-footer="true"
           data-side-pagination="server"
           data-response-handler="responseHandler">
        <thead>
        <tr>
            <th  data-field="xxx" data-checkbox="true"><input type="checkbox"></th>
            <th  data-field="index" data-formatter="indexFormatter" >序号</th>
            <th data-field="name" data-align='center'
                data-valign="middle" data-sortable="true">姓名
            </th>
            <th data-field="phone" data-align='center'
                data-valign="middle">手机
            </th>

            <th data-field="token" data-align='center'
                data-valign="middle" data-sortable="true">令牌
            </th>
            <th data-field="ip" data-align='center'
                data-valign="middle" data-sortable="true">IP
            </th>
            <th data-field="createTime" data-align='center'
                data-valign="middle" data-sortable="true">创建时间
            </th>
            <th data-field="operate" data-align='center'
                data-valign="middle" data-sortable="true" data-formatter="operateFormatter">操作
            </th>
        </tr>
        <tr>

        </tr>
        </thead>
    </table>
</div>


<script src="//cdn.bootcss.com/bootstrap-table/1.11.0/bootstrap-table.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap-table/1.11.0/locale/bootstrap-table-zh-CN.min.js" charset="utf-8"></script>
<script src="//cdn.bootcss.com/bootstrap-table/1.10.1/extensions/export/bootstrap-table-export.min.js"></script>
<!--<script src="ideaFrame.js"></script>-->
<script src="remarkList.js"></script>
</body>
</html>
